<template>
  <a-navbar title="申请售后"></a-navbar>
  <view style="padding-top: 100rpx">
    <order-item :oper="false"></order-item>
    <a-card :shadow="false" >
      <view class="b-b p-c-30">
        <view class="l-40">售后类型</view>
        <view style="margin-top: 10rpx">
          <up-radio-group placement="row">
            <up-radio activeColor="red" label="仅退货" style="margin-right: 20rpx"></up-radio>
            <up-radio activeColor="red" label="仅退款" style="margin-right: 20rpx"></up-radio>
            <up-radio activeColor="red" label="退货退款"></up-radio>
          </up-radio-group>
        </view>
      </view>
      <view class="p-c-30 flex-between b-b">
        <view>退款金额</view>
        <view>100.00</view>
      </view>
      <view class="p-c-30 flex-between b-b">
        <view>申请原因</view>
        <up-picker-data
            title="请选择文章分类"
            :options="reasonList"
            valueKey="id"
            labelKey="label">
        </up-picker-data>
      </view>
      <view class="p-c-30">
        <view style="margin-bottom: 10rpx">相关描述</view>
        <up-textarea placeholder="请输入内容" autoHeight ></up-textarea>
      </view>
    </a-card>
  </view>
  <view class="bottom-fixed flex-between" style="box-shadow: 0 0 20rpx #eee;">
    <up-button type="info" :plain="true" text="联系客服" :hairline="true" style="margin-right: 20rpx"></up-button>
    <up-button type="primary" text="提交" color="linear-gradient(-60deg, #ff5858 0%, #f09819 100%)"></up-button>
  </view>
</template>

<script setup>
import {ref} from 'vue'
import CartItem from "@/shop/components/cart-item.vue";
import {toPath} from "@/util/router/router";
import OrderItem from "@/order/components/order-item.vue";

const allChecked = ref(false)
const reasonList = ref([
  {
    id:1,
    label:'不想要了'
  }
])
</script>

<style scoped lang="scss">
@import "~@/static/css/index.css";
page {
  background: #f4f4f4;
}

:deep(.uni-input-input:disabled){
  text-align: right;
}

:deep(.uni-input-placeholder){
  text-align: right;
}
</style>